<template>
  <node :title="config.name" :show-error="showError" :content="content" :error-info="errorInfo"
        @selected="$emit('selected')" @delNode="$emit('delNode')" @insertNode="type => $emit('insertNode', type)"
        placeholder="请设置审批人" header-bgc="#ff943e" header-icon="el-icon-s-check"/>
</template>

<script>
import Node from './Node'

export default {
  name: "ApprovalNode",
  props:{
    config:{
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  components: {Node},
  data() {
    return {
      showError: false,
      errorInfo: '',
      content:''
    }
  },
  watch:{
    // config:{
    //   handler(old,newVal){
    //     console.log('修改了',newVal)
    //     switch (this.config.props.assignedType){
    //       case "ASSIGN_USER":
    //         if (this.config.props.assignedUser.length > 0){
    //           let texts = []
    //           this.config.props.assignedUser.forEach(org => texts.push(org.name))
    //           return this.content=String(texts).replaceAll(',', '、')
    //         }else {
    //           return this.content='请指定审批人'
    //         }
    //       case "LEADER":
    //         return this.content='接收人的教研室主任'
    //       case "ROLE":
    //         if (this.config.props.assignedUser.length > 0){
    //           let texts = []
    //           this.config.props.assignedUser.forEach(org => texts.push(org.name))
    //           return this.content=String(texts).replaceAll(',', '、')
    //         }else {
    //           return this.content='指定角色（未设置）'
    //         }
    //         default: return this.content='未知设置项😥'
    //     }
    //   },
    //   deep:true
    // }
    config:{
      handler(old,newVal){
        console.log(newVal)
          if (this.config.props.assignedUser.length > 0) {
            console.log('User')
            let texts = []
            this.config.props.assignedUser.forEach(org => texts.push(org.name))
            this.content= String(texts).replaceAll(',', '、')
            return
          } else{
            console.log('Role')
            let texts = []
            this.config.props.role.forEach(org => texts.push(org.name))
            this.content= String(texts).replaceAll(',', '、')
            return
          }
          this.content= ''
    },
    deep:true,
     immediate: true,
    }
  },
  computed:{
    // content(){
    //   if (this.config.props.assignedUser.length > 0) {
    //     let texts = []
    //     this.config.props.assignedUser.forEach(org => texts.push(org.name))
    //     return String(texts).replaceAll(',', '、')
    //   } else{
    //     let texts = []
    //     this.config.props.role.forEach(org => texts.push(org.name))
    //     return String(texts).replaceAll(',', '、')
    //   }
    //   return null
    //   // const config = this.config.props
    //   // switch (this.config.props.assignedType){
    //   //   case "ASSIGN_USER":
    //   //     if (this.config.props.assignedUser.length > 0){
    //   //       let texts = []
    //   //       this.config.props.assignedUser.forEach(org => texts.push(org.name))
    //   //       return String(texts).replaceAll(',', '、')
    //   //     }else {
    //   //       return '请指定审批人'
    //   //     }
    //   //   case "LEADER":
    //   //     return '接收人的教研室主任'
    //   //   case "ROLE":
    //   //     if (this.config.props.assignedUser.length > 0){
    //   //       let texts = []
    //   //       this.config.props.assignedUser.forEach(org => texts.push(org.name))
    //   //       return String(texts).replaceAll(',', '、')
    //   //     }else {
    //   //       return '指定角色（未设置）'
    //   //     }
    //   //     default: return '未知设置项😥'
    //   // }
    // }
  },
  methods: {
    getFormItemById(id){
      return this.$store.state.design.formItems.find(item => item.id === id)
    },
    //校验数据配置的合法性
    validate(err){
      try {
        return this.showError = !this[`validate_${this.config.props.assignedType}`](err)
      } catch (e) {
        return true;
      }
    },
    validate_ASSIGN_USER(err){
      if(this.config.props.assignedUser.length > 0){
        return true;
      }else {
        this.errorInfo = '请指定审批人员'
        err.push(`${this.config.name} 未指定审批人员`)
        return false
      }
    },
    validate_SELF_SELECT(err){
      return true;
    },
    validate_LEADER_TOP(err){
      return true;
    },
    validate_LEADER(err){
      return true;
    },
    validate_ROLE(err){
      if (this.config.props.role.length <= 0){
        this.errorInfo = '请指定负责审批的系统角色'
        err.push(`${this.config.name} 未指定审批角色`)
        return false
      }
      return true;
    },
    validate_SELF(err){
      return true;
    },
    validate_FORM_USER(err){
     if (this.config.props.formUser === ''){
       this.errorInfo = '请指定表单中的人员组件'
       err.push(`${this.config.name} 审批人为表单中人员，但未指定`)
       return false
     }
      return true;
    },
    validate_REFUSE(err){
      return true;
    },
  }
}
</script>

<style scoped>

</style>
